The latest updates on your projects. Learn more about Vercel for Git ↗︎

@jasonappah and @Jake3231 would y'all test this and maybe put a little work into it. I was just going around removing things until it stopped lagging, getting more and more specific, maybe y'all can do the same.

@jasonappah and @Jake3231 would y'all test this and maybe put a little work into it. I was just going around removing things until it stopped lagging, getting more and more specific, maybe y'all can do the same.

There is still a rendering issue with the components on MacOS, I'll look into it too

I can take a look at this too

So far much improved, but not 100% there.

From what I see on Safari 17.3 on macOS 14.3:

• Much better perf on this branch
• The background at the top of the page no longer animates
• The stars animation behind "check out our projects" does have a visible line.
• The whole "check out our projects" section appears very pixelated

An easier but less cool solution could be to conditionally apply some JS/CSS that disables the background animations on Safari.

This could be done by accessing the userAgent string.

What do y'all think?

I had typed out a comment on this pr a couple days ago but apparently didn't hit send here 😔

I'm good with disabling the hero animation on Safari until we can figure out a better solution. Not too sure what other options would be good to explore here tbh. The stars animation wasn't planned/in Figma, it was just a nice to have that I added. If we also need to disable it/remove it all together, that's also fine

An easier but less cool solution could be to conditionally apply some JS/CSS that disables the background animations on Safari.

This could be done by accessing the userAgent string.

What do y'all think?

I agree with @jasonappah that disabling the hero animation for Safari is a fine solution for now to keep the project moving forward on all platforms. Might be a nice low priority fix later. Just something to watch out for, I think iPad reports its user agent as desktop OS X , and iPhone is reporting as iOS. Only actual macOS Safari is having the issue.

Last time I worked on it the main issue was with using the Blob file and components for animations. They slowed down the performance, which is why I disabled/removed them from the landing page.

@nl32 and I tested on Safari on macOS, this is significantly better now.

I think this should be ready then!

Tested again on Safari 17.4.1 and it's a bit improved on old and patched versions, but it's still much better on this branch. Apple made some big Safari perf/compatibility fixes over the course of macOS 14's release cycle, and it seems that this is getting some benefit.

I've noticed my cpu idles at like 5% on the normal site as opposed to 1% on this branch (Chrome) so these changes are probably good for all browsers.
@Jake3231 are we good to merge this in?